* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.cart {
overflow-y: hidden;
  .cart-list {
    height: calc(100vh - 60px);
    overflow-y: scroll;
    .cart-list-item {
      border-bottom: 1px solid #ddd;
      height: 110px;
      display: flex;
      align-items: center;
      .list-item-left {
        display: flex;
        align-items: center;
        justify-content: center;
        color: red;
        flex: 1;
        .iconfont {
        }
      }

      .list-item-mid { 
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 2;
        img {
          height: 86px;
          width: 86px;
        }
      }

      .list-item-right {
        justify-content: space-between;
        height: 86px;
        flex: 5;
        display: flex;
        flex-direction: column;
        .item-right-top {
          .top-title {
          }
        }

        .item-right-bottom {
          align-items: center;
          display: flex;
            justify-content: space-between;
            padding: 12px 15px 0 0;
          .right-bottom-l {
            span.price {
              font-size: 20px;
            }

            .origin-price {
              text-decoration: line-through;
              color: #ddd;

            }
          }

          .right-bottom-r {
            .sub {
              height: 30px;
              width: 30px;
              line-height: 30px;
              text-align: center;
              font-size: 20px;
              display: inline-block;
              border: 1px solid #ddd;
            }

            .num {
               height: 30px;
              width: 30px;
              line-height: 30px;
              text-align: center;
              font-size: 20px;
              display: inline-block;
              border: 1px solid #ddd;
            }

            .add {
              height: 30px;
              width: 30px;
              line-height: 30px;
              text-align: center;
              font-size: 20px;
              display: inline-block;
              border: 1px solid #ddd;
            }
          }
        }
      }
    }
  }

  .cart-func {
    border-top: 1px solid #ddd;
    height: 60px;
    display: flex;
    width: 100vw;
    justify-content: space-between; 
    align-items: center;
    .cart-func-left {
      margin-left: 20px;
      .iconfont {
    color: #dd1a21;
      }
    
      .check_title {
    
      }
    }
    
    .cart-func-right {
      display: flex;
      align-items: center;
      .func-right-l {
        .right-l-top {
    color: red;
        }
    
        .right-l-bottom {
    font-size: 14px;
    color: #ddd;
        }
      }
    
      .func-right-r {
        height: 60px;
        width: 110px;
        background-color: #dd1a21;
        display: flex;
        align-items: center;
        justify-content: center;
        color:#fff;
        .order_title {
    
        }
      }
      .func-right-disable{
        background-color: #ddd;
        height: 60px;
        width: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        color:#fff;
      }
    } 
  }
}
